require(['./config'], () => {
    require(['template','url','header', 'footer', 'jquery'], (template,url) => {
        //左边 通用-手风琴
        $(function () {
            $('.d-firstNav').click(function () {
                dropSwift($(this), '.d-firstDrop')
            })
            $('.d-secondNav').click(function () {
                dropSwift($(this), '.d-secondDrop')
            })
            /**
             * @param dom   點擊的當前元素
             * @param drop  處理的下拉菜單
             */
            // 
            function dropSwift(dom, drop) {
                dom.next().slideToggle();
                dom.parent().siblings().find('.iconaixin').removeClass('.iconjiantoushang1');
                dom.parent().siblings().find(drop).slideUp();
                var iconChevron = dom.find('.iconaixin');
                if (iconChevron.hasClass('.iconjiantoushang1')) {
                    iconChevron.removeClass('.iconjiantoushang1')
                } else {
                    iconChevron.addClass('.iconjiantoushang1')
                }
            }
        })
        //右边列表项
        // $(function(){
        //     $(".pic a").on("mouseenter",function(){
        //         $(".mask").css("display","block")
        //     })
        //     $(".pic a").on("mouseleave",function(){
        //         $(".mask").css("display","none")
        //     })
        // })
        //请求数据渲染列表页
        class List{
            constructor(){
                this.init()
            }
            init(){
                this.getList()
            }
            getList(){
                const id = window.location.search.slice(1).split("=")[1]
                $.get(`${url.xmyx}/tab/${id}?start=0`,res=>{
                    if(res.code === 200){
                        this.renderList(res.data.items.list)
                    }
                })
            }
            renderList(list){
                $("#goods_list").html(template('xuanranList',{list}))
                this.dongtaijs()
            }
            dongtaijs(){
                //右边列表项以上显示遮罩层
                $(".pic article").on("mouseenter",(e) => {
                    console.log(e.target);
                    $(e.target).next().css("display","block")
                })
                $(".pic article").on("mouseleave",(e) => {
                    $(".mask").css("display","none")
                })
            }
        }
        return new List()
    })

})




